<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ include file="/WEB-INF/jsp/commons/taglibs.jsp" %>
<!DOCTYPE HTML>
<html ng-app>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <META HTTP-EQUIV="pragma" CONTENT="no-cache">
    <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
    <META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">
    <title>${title}</title>
    <%@ include file="/WEB-INF/jsp/commons/meta.jsp" %>
    <link href="${ctx}/resources/new/style.css" type="text/css" rel="stylesheet"/>

</head>
<body>
<link href="${ctx}/resources/css/print.css" type="text/css" rel="stylesheet"/>
<script src="${ctx}/resources/js/jquery.PrintArea.js" type="text/javascript"></script>
<script>
    $(function () {
        $("#printBtn").click(function () {
            $("#qrDiv").printArea();
        });
    });
</script>
<div class="well">
    <div class="container form-horizontal">
        <button id="printBtn" class="btn">打印二维码</button>
    </div>
    <div class="container"></div>
</div>
<div class="container form-horizontal">
    <div id="qrDiv">
        <div class="qr box">
            <img src="${box.uri }" class="goods">
            <span>b.${box.id }.${box.qrCode }.${box.createScale }</span>

            <div class="qrText">
                b.箱码
                <br/>
                g.商品二维码
                <br/>
                i.商品积分码
            </div>
        </div>
        <c:forEach items="${goodsList }" var="goods">
            <div class="qr">
                <img src="${goods.goodsUri }" class="goods">
                <span>g.${goods.innerNum }</span>
                <img src="${goods.integralUri }" class="integral">
                <span>i.${goods.innerNum }</span>
            </div>
        </c:forEach>
    </div>
</div>
</body>
</html>